<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>阿福易购-个人中心</title>
    <link rel="stylesheet" href="/css/app.css">
</head>
<body ontouchstart="">
<header class="ui-header ui-header-stable    af-header">
    <ul class="ui-row-flex">
        <li class="ui-col ui-flex ui-flex-pack-start" ontouchstart="window.location.href='/my-order.html'" >
            <i class="ui-icon-return af-icon-home"></i>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-center">
            <h1>订单详情</h1>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-end">

        </li>
    </ul>
</header>

<footer class="ui-footer af-footer">
    <ul class="ui-tiled">
        <li>
            <button class="ui-btn-s " style="margin-top: 14px;">
                删除
            </button>
        </li>
        <li>

        </li>
        <li></li>
        <li>
            <button class="ui-btn-s ui-btn-danger" style="margin-top: 14px;">
                支付
            </button>

        </li>
    </ul>
</footer>

<div class="ui-container"  >

    <section class="ui-my-toolbar ui-border-tb my-order-detail ">
        <h2 class="tool-item">
            <span class="order-sn">订单号 :  G8268209520194d</span>
            <span class="status">已取消</span>
        </h2>
    </section>

    <section class="ui-my-toolbar ui-border-tb ">
        <h2 class="tool-item ">
            <span><i class=" ui-icon-pin ui-tool-icon" style="font-size: 24px;color: #ff7800;"></i></span>
            <span><font>李东</font><font style="margin-left: 50px;">138****2572</font></span>
            <p class="ui-txt-muted" style="padding-left: 25px;padding-top: 5px;">郑州市管城区金城街1号楼1单元39号</p>
        </h2>
    </section>


    <div class="ui-my-order ui-border-tb">
        <div class="ui-my-order-header">
            <div class="title">
                免税商品
            </div>
        </div>
        <div class="ui-my-order-content">
            <ul class="ui-list  ui-border-tb">
                <li class="ui-border-t">
                    <div class="ui-list-img">
                        <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/ab0c1168456bfff2addb445b7fd33dc7.jpg@!70-70)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">荟食FINEFOOD 饮用天然泉水 350ML</h4>
                        <h4>×3</h4>

                    </div>
                </li>
                <li class="ui-border-t">
                    <div class="ui-list-img">
                        <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/fd4639bdf08dd2b2248e077212657aab.jpg@!70-70)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4>可莱丝 LINE抗皱面膜 （黄色）</h4>
                        <h4>×1</h4>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div class="ui-my-order ui-border-tb">
        <div class="ui-my-order-header">
            <div class="title">
                E贸易商品
            </div>
        </div>
        <div class="ui-my-order-content">
            <ul class="ui-list  ui-border-tb">
                <li class="ui-border-t">
                    <div class="ui-list-img">
                        <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/ab0c1168456bfff2addb445b7fd33dc7.jpg@!70-70)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">荟食FINEFOOD 饮用天然泉水 350ML</h4>
                        <h4>×3</h4>

                    </div>
                </li>
                <li class="ui-border-t">
                    <div class="ui-list-img">
                        <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/fd4639bdf08dd2b2248e077212657aab.jpg@!70-70)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4>可莱丝 LINE抗皱面膜 （黄色）</h4>
                        <h4>×1</h4>
                    </div>
                </li>
            </ul>
        </div>

    </div>

    <section class="ui-my-toolbar ui-border-tb  ">
        <h2 class="tool-item ui-border-b "><span>  支付方式</span><span style="float: right">在线支付</span></h2>
        <h2 class="tool-item ui-border-b"><span>  配送信息</span><span style="float: right"></span></h2>
        <h2 class="tool-item ui-border-b"><span>  发票信息</span><span style="float: right">不开发票</span></h2>
        <h2 class="tool-item "><span>  下单时间</span><span style="float: right">2014-05-02 02:09:08</span></h2>
    </section>

    <section class="ui-my-toolbar ui-border-tb  " style="padding-bottom: 40px;">
        <h2 class="tool-item "><span>  金额合计</span><span style="float: right">￥108.00</span></h2>
        <h2 class="tool-item"><span>  关税</span><span style="float: right">￥0.00</span></h2>
        <h2 class="tool-item "><span>  运费</span><span style="float: right">￥0.00</span></h2>
        <h2 class="tool-item "><span>  优惠券</span><span style="float: right">-￥0.00</span></h2>
        <h2 class="tool-item ui-border-t "><span style="float: right">实付款:￥108.00 </span></h2>
    </section>

</div>



<script src="/lib/zepto.min.js"></script>
<script src="/js/frozen.js"></script>

</body>
</html>